<template>
  <el-container style="height: 100%;">
    <el-aside width="200px" style="background-color: rgb(238, 241, 246);height: 100%;">
      <Aside></Aside>
    </el-aside>

    <el-container style="height: 100%;">
      <el-header>
        <Header :pathName="pathName"></Header>
      </el-header>
      <el-main style="height: 100%;">
      <router-view></router-view>
      <!-- <User></User> -->
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import Aside from "@/components/Aside.vue";
import Header from "@/components/Header.vue"
import User from "@/components/ShowMain/User.vue"
export default {
  components:{
    Aside,Header,User
  },
  data(){
    return{
      pathName:""
    }
  },
  methods: {
    beforeRouteUpdate(to, from, next) {
    console.log(to.name); // 输出新路由的名称
    next();
  }
  }
};
</script>

<style>



.button-column {
  position: relative;
}
.el-header {
  background-color: #B3C0D1;
  color: #333;
  line-height: 60px;
}
.button-container {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
</style>
